/************************************************/
/******           全局通用样式↓          *********/
/************************************************/
.layout {
	max-width: 70em;
    margin: 0 auto;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.nav .active {
	background-color: #ff34b3;
	font-weight: 600;
}

/****************头部通用样式***************/
.header-content {
    height: 6em;
}
.header-content img{
    max-height: 100%;
}
.nav {
	background-color: #ff69b4;
}
.nav ul li {
	float: left;
	text-align: center;
	padding: 0.5em 0.3em;
	width: 7em;
}
.nav ul li:hover {
	background-color: #ff34b3;
}

/****************底部通用样式***************/
.common-footer {
    background-image: url('../img/index/footer_bg.jpg');
    text-align: center;
    padding: 1em;
}
.common-footer a {
    color: #bbb;
    font-size: 0.8em;
    padding: 0.5em;
}
.common-footer p {
    margin: 1em;
}
.common-footer a:hover {
    color: #fff;
}
.common-footer img {
    margin-top: 2em;
    max-width: 100%;
}
/****************内页通用广告样式***************/
.common-ad img{
    max-width: 100%;
}
/****************面包屑导航样式***************/
.common-breadnav-list li {
    float: left;
    color: #ff7aa3;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: 600;
    font-size: 0.9em;
}
.common-breadnav-list li a {
    color: #ff7aa3;
}
.common-breadnav-list li:last-child a {
    color: #f90;
}
/****************通用tab样式***************/
.common-mod-tab {
    margin-bottom: 1em;
    margin-top: 1em;
}
.common-mod-tab a {
    color:#337ab7;
    font-weight: 600;
}
.common-tabs li {
    float: left;
    width: 16%;
    height: 40px;
    font-size: 1em;
    line-height: 40px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.common-tabs .active a {
    color: #fff;
}
.common-tabs .active {
    background: #ff7aa3;
    color: #fff;
}
.common-mod-tab .panel {
    display: none;
    margin-top: 1em;
}
.common-mod-tab .active {
    display: block;
}
/* *******common-panel样式********** */
.common-list li {
    width: 30%;
    padding: 0.5em;
    border: 1px solid #ccc;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
.common-list li:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.common-list-img img{
    width: 100%;
}
.common-list-info {
    color: #666;
    font-size: 0.5em;
    padding: 0.5em;
}
.common-info-price {
    color: #ff69b4;
    float: right;
}
.common-list-more {
    padding: 1em;
    margin-top: 1em;
    text-align: center;
}
.common-list-more span {
    background-color: #ff7aa3;
    border-radius: 5px;
    padding: 1em;
    font-size: 0.9em;
    font-weight: 600;
}
.common-list-more span:hover {
    color: #337ab7;
}



/****************登陆页面样式**************/

/* 登录页背景 */
.login-background {
    background: url('../img/logo/login_bg.jpg') no-repeat;
    height: 41.5em;
}

/* 登录页选项卡 */
.login-mod-tab {
    position: absolute;
    top: 30px;
    left: 60%;
    width: 25em;
    margin: 10em auto;
    border: 1px solid #e9e9e9;
    height: 22em;
    background-color: #fff;
}
.login-tabs li {
    float: left;
    width: 50%;
    height: 50px;
    font-size: 1em;
    line-height: 40px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.login-tabs .active {
    border-bottom: 2px solid #ff7aa3;
    color: #ff7aa3;
}
.login-mod-tab .panel {
    display: none;
    margin-top: 1em;
}
.login-mod-tab .active {
    display: block;
}

/* 登录页from表单样式 */
.login-ipt input{
    -web-kit-appearance:none;
    -moz-appearance: none;
    font-size: 1em;
    padding: 10px;
    outline: #fff;
    width: 90%;
}

.login-tel {
    margin-top: 0.8em;
    padding: 0.8em;
    text-align: center;
}
.login-dl {
    padding: 0.8em;
    text-align: center;
}
.login-dl input {
    width: 98%;
    text-decoration:none;  
    background:#2f435e;  
    color:#f2f2f2;  
    padding: 10px 30px 10px 30px;  
    font-size:16px;  
    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;  
    font-weight:bold;  
    border-radius:3px;  
    -webkit-transition:all linear 0.30s;  
    -moz-transition:all linear 0.30s;  
    transition:all linear 0.30s;
}
.login-dl input:hover {
    background:#385f9e;
}
.login-yzm {
    padding: 0.8em;
    text-align: center;
}
.get-yzm {
    padding: 0.8em;
}
.get-yzm .yzm-ipt{
    width: 100%;
}



/*************通用详情页样式***************/

.common-inner-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.common-inner-info-logo {
    float: left;
    margin-right: 1%;
    width: 44%;
}
.common-inner-info-logo img {
    max-width: 100%;
}
.common-inner-info-text {
    float: left;
    width: 54%;
}
.common-inner-info-text h3{
    margin-top: 0;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
.common-inner-info-text p {
    padding: 10px;
    font-size: 0.8em;
    color: #777;
    line-height: 20px;
    margin-top: 15px;
}
.common-inner-opus img {
    width: 100%;
}
.common-inner-opus-left:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.common-inner-opus-right a img:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.common-inner-opus-left {
    float: left;
    width: 49%;
    margin-right: 1%;
}
.common-inner-opus-left img {
    width: 100%;
}
.common-inner-opus-right {
    width: 49%;
    float: left;
}
.common-inner-opus-right img {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
}
.common-inner-video {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.common-inner-video img {
    max-width: 100%;
}



/* ************侧边栏样式************* */
#leftsead{width:131px;height:143px;position:fixed;top:50%;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}


/************************************************/
/******            首页样式↓            *********/
/************************************************/



/****************服务宗旨样式***************/
.sologen {
    padding: 2em;
    text-align: center;
}
.sologen img{
    max-width: 100%;
}

/****************优选婚庆样式***************/
.index-wed h2 {
    background-color: #ff7aa3;
    color: #fff;
    font-size: 1.4em;
    padding: 0.5em;
    border-radius: 0.5em 0.5em 0 0;
    margin-left: 0.58em;
}
.index-wed-more {
    float: right;
    font-size: 0.8em;
}
.index-wed ul li {
	float: left;
	padding: 0.5em 0.3em;
    width: 16em;
    border: 1px solid #e8e8e8;
    margin-left: 0.75em;
    margin-bottom: 0.7em;
}
.index-wed-list-img img{
    max-width: 100%;
}
.index-wed-list-info {
    color: #666;
    font-size: 0.65em;
    line-height: 1.8;
    padding: 0.5em;
}
.index-wed-list-info-more {
    float: right;
}
.index-wed ul li:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}

/****************广告位样式***************/
.index-ad img{
    max-width: 100%;
}

/****************优选酒店样式***************/
.index-hotel {
    margin-top: 1em;
    margin-bottom: 1em;
}
.index-hotel h2 {
    background-color: #ff7aa3;
    color: #fff;
    font-size: 1.4em;
    padding: 0.5em;
    border-radius: 0.5em 0.5em 0 0;
}
.index-hotel-more {
    float: right;
    font-size: 0.8em;
}
.index-hotel-left {
    width: 36%;
    float: left;
}
.index-hotel-left ul li {
    padding: 0.5em 1em;
    border: 1px solid #e8e8e8;
    margin-bottom: 0.5em;
}
.index-hotel-list-img img{
    max-width: 100%;
}
.index-hotel-list-info {
    color: #666;
    font-size: 0.65em;
    line-height: 1.8;
    padding: 0.5em;
}
.index-hotel-list-info-more {
    float: right;
}
.index-hotel ul li:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}

.index-hotel-right {
    width: 64%;
    float: left;
}
.index-hotel-right ul li{
    width: 28.5%;
    float: left;
    padding: 0.5em 1em;
    border: 1px solid #e8e8e8;
    margin-bottom: 0.5em;
}


/****************优选主持、化妆、摄影、摄像样式***************/
.index-mod-tab {
    margin-bottom: 1em;
    margin-top: 1em;
}
.tabs li {
    float: left;
    width: 25%;
    height: 40px;
    font-size: 1em;
    line-height: 40px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.tab-list li {
    width: 15%;
}
.tabs .active {
    background: #ff7aa3;
    color: #fff;
}
.index-mod-tab .panel {
    display: none;
    margin-top: 1em;
}
.index-mod-tab .active {
    display: block;
}


/* *******优选主持panel********** */
.index-host-list li {
    width: 15%;
    padding: 0.5em;
    border: 1px solid #ccc;
    float: left;
}
.index-host-list li:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.index-host-list-img img{
    width: 100%;
}
.index-host-list-info {
    color: #666;
    font-size: 0.5em;
    padding: 0.5em;
}
.index-host-info-price {
    color: #ff69b4;
    float: right;
}
.index-host-list-more {
    padding: 1em;
    margin-top: 1em;
    text-align: center;
}
.index-host-list-more span {
    background-color: #ff7aa3;
    border-radius: 5px;
    padding: 1em;
    font-size: 0.9em;
    font-weight: 600;
}
.index-host-list-more span:hover {
    color: #337ab7;
}


/* *******优选摄影panel********** */
.index-photo-list li {
    width: 30%;
    padding: 0.5em;
    border: 1px solid #ccc;
    float: left;
    margin-left: 1em;
    margin-bottom: 1em;
}
.index-photo-list li:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.index-photo-list-img img{
    width: 100%;
}
.index-photo-list-info {
    color: #666;
    font-size: 0.5em;
    padding: 0.5em;
}
.index-photo-info-price {
    color: #ff69b4;
    float: right;
}
.index-photo-list-more {
    padding: 1em;
    margin-top: 1em;
    text-align: center;
}
.index-photo-list-more span {
    background-color: #ff7aa3;
    border-radius: 5px;
    padding: 1em;
    font-size: 0.9em;
    font-weight: 600;
}
.index-photo-list-more span:hover {
    color: #337ab7;
}

/* *******优选摄影服务商********** */
.index-server {
    margin-top: 1em;
    margin-bottom: 1em;
}
.index-server h2 {
    background-color: #ff7aa3;
    color: #fff;
    font-size: 1.4em;
    padding: 0.5em;
    border-radius: 0.5em 0.5em 0 0;
}
.index-server-more {
    float: right;
    font-size: 0.8em;
}
.index-server-list {
    float: left;
    width: 16.9%;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #e8e8e8;
    margin-right: 1.3em;
}
.index-server-list:last-child {
    margin-right: 0;
}
.index-server-list-img img {
    width: 100%;
}
.index-server-list:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.index-server-list-info {
    color: #666;
    font-size: 0.8em;
    line-height: 1.8;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: 600;
}
.index-wine img {
    width: 100%;
}

/* **********酒店详情页********** */
 .pgwSlideshow {
    width: 100%;
    background: #333;
    display: none;
}

.pgwSlideshow a{
    color: #fff;
}

.pgwSlideshow .ps-current {
    text-align: center;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.pgwSlideshow .ps-current > ul  > li {
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: block;
}

.pgwSlideshow .ps-current > ul  > li img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {
    border-top: 1px solid #555;
    box-shadow: 0 10px 10px -5px #333 inset;
    background: #555;
    overflow: hidden;
    position: relative;
}

.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.pgwSlideshow .ps-list li {
    float: left;
}

.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: 80px;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border: 4px solid #fff;
    overflow: hidden;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}

.pgwSlideshow .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-list .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    padding: 20px 15px 20px 12px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}

.pgwSlideshow .ps-list .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 20px 12px 20px 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img {
    width: 60px;
    height: 60px;
}

.pgwSlideshow.narrow .ps-current .ps-prev {
    padding: 15px 15px 15px 12px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-current .ps-next {
    padding: 15px 12px 15px 15px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-list .ps-prev {
    padding: 15px 12px 15px 10px;
    top: 20px;
}

.pgwSlideshow.narrow .ps-list .ps-next {
    padding: 15px 10px 15px 12px;
    top: 20px;
}

.pgwSlideshow.narrow .ps-caption {
    font-size: 0.8rem;
    padding: 8px;
}


.hotel-memu-list {
    padding: 2em 0;
}
.hotel-memu-list>p {
    line-height: 3.8;
    color: #666;
}
.hotel-menu li p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.hotel-menu li {
    float: left;
    border: 2px solid #ccc;
    text-align: center;
    padding: 5px 15px;
    margin: 1em 1em 1em 0;
    cursor: pointer;
}

.hotel-menu li:hover {
    border: 2px solid #FF7AA3;
}
.hotel-intro-img {
    display: inline-block;
}
.hotel-intro-info {
    display: inline-block;
}
.hotel-intro>.row {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 30px 10px;
    font-size: 14px;
    color: #777;
    line-height: 28px;
    margin-top: 15px;
}
.wedding-menu h4 {
    font-size: 15px;
    color: #333;
}


/* *******优选摄影服务商列表页样式********** */

.server-list {
    float: left;
    width: 98.5%;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #e8e8e8;
    margin-right: 1.3em;
}
.server-list:last-child {
    margin-right: 0;
}
.index-server-list-img img {
    width: 100%;
}
.server-list:hover {
    box-shadow: 1px 2px 3px #4c4c4c;
}
.server-list-info {
    color: #ff69b4;
    font-size: 0.9em;
    line-height: 1.8;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: 600;
}
.index-wine img {
    width: 100%;
}


/************************************************/
/******           中小型屏幕样式↓          *********/
/************************************************/
@media screen and (min-width:800px) and (max-width:1100px){
.nav ul li {
    text-align: center;
    font-size: 0.9em;
}    
.index-wed ul li {
    padding: 1%;
    width: 30%;
    border: 1px solid #e8e8e8;
    margin-left: 1%;
    margin-bottom: 1%;
}
.index-hotel-left {
    width: 36%;
}
.index-hotel-right {
    width: 64%;
}
.index-hotel-list-info {
    font-size: 0.6em;
    padding: 0.5em;
}
.index-hotel-right ul li {
    width: 27%;
}
.index-host-list li {
    width: 13.4%;
    margin-right: 1%;
}
.index-photo-list li {
    width: 28%;
    margin-right: 1%;
}
.index-server-list {
    width: 16%;
}
.common-list li {
    width: 29%;
    margin-right: 1%;
}

}


/************************************************/
/******           手机端样式↓          *********/
/************************************************/
@media screen and (max-width: 450px) {
.nav ul li {
    text-align: center;
    padding: 0.5em 0.3em;
    width: 30%;
}
.index-wed * {
    box-sizing: border-box;
}
.index-wed h2 {
    margin-left: 0;
    font-size: 1em;
}
/*.index-wed ul {
    height: 360px;
}*/
.index-wed ul li {
    float: left;
    padding: 1%;
    width: 32%;
    border: 1px solid #e8e8e8;
    margin-left: 1%;
    margin-bottom: 1%;
}
.index-wed-list-info {
    color: #666;
    font-size: 10px;
    line-height: 1.5;
    padding: 1%;
}
.index-wed-list-info-more {
    float: left;
}

.index-hotel h2 {
    font-size: 1em;
}
.index-hotel-left {
    float: left;
    width: 100%;
}
.index-hotel-left ul li {
    width: 40%;
    float: left;
}
.index-hotel-list-info-more {
    float: left;
}


.index-hotel-right {
    width: 100%;
}
.index-hotel-right ul li {
    width: 28%;
    float: left;
    padding: 0.5em 0.5em;
}

/*.index-hotel-right {
    display: none;
}*/

.common-tabs li {
    font-size: 0.8em;
} 
.common-list li {
    width: 40%;
    margin-left: 1%;
}
.common-inner-info-logo {
    width: 100%;
}
.common-inner-info-text {
    width: 100%;
}
.common-inner-opus-left {
    width: 100%
}
.common-inner-opus-right {
    width: 100%
}
.common-inner-video video {
    float: left;
    width: 100%;
    height: 210px;
    margin-bottom: 1em;
}
.tabs li {
    font-size: 0.8em;
}
/*.index-host-list {
    height: 40.62em;
    overflow: hidden;
}*/
/*.index-host-list li {
    width: 44%;
    height: 19.2em;
    margin-left: 0.2em;
    border: 0;
}*/
.index-host-list li {
    width: 28%;
    margin-left: 0.2em;
    border: 0;
}
.index-host-info-price {
    float: left;
}

/*.index-photo-list {
    height: 38em;
    overflow: hidden;
}    
.index-photo-list li {
    width: 85%;
    height: 17em;
}*/
.index-photo-list li {
    width: 26%;
    margin-left: 2%
}
.index-photo-info-price {
    float: left;
}


.index-server h2 {
    font-size: 0.8em;
}
.index-server-list {
    width: 27%;
    margin-right: 1%;
    margin-top: 1%;
}
.index-server h2 {
    font-size: 0.8em;
}
.server-list {
    width: 96%;
    margin-right: 0;
}
.common-footer {
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

/*登陆页面手机端适配*/
.login-mod-tab {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    margin: 10em auto;
    border: 1px solid #e9e9e9;
    height: 22em;
    background-color: #fff;
}
.login-background {
    display: none;
}
#common-footer-m {
    display: none;
}

}

